<template>
<div class="app">{{message}}
  <Counter2 v-model:counter="appCounter" v-model:why="appwhy"></Counter2>
</div>
</template>

<script>
// import Counter from './Counter.vue'
import Counter2 from './Counter2.vue'
export default {
  name: "App",
  components:{
    Counter2
  },
  data(){
    return{
      message:'hello world',
      appCounter:9932,
      appwhy:'james'
    }
  }
}
</script>

<style scoped>

</style>